<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="fy.bean.*,java.util.*,fy.util.*"%>

<%@page import="java.text.SimpleDateFormat"%>

<%
	Date d = new Date();
	SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd");
	String now = df.format(d);

	int everyPage = 2; //每页的记录条数
	int currentPage = 1;//当前的页码

	if (request.getParameter("PageNo") != null) { //如果为空，则表示第1页
		currentPage = Integer.parseInt(request.getParameter("PageNo"));
	}
	Zxhd newsBean = new Zxhd();
	int totalCount = newsBean.findCountByLb("yzxx");

	Page newsPage = PageUtil.createPage(everyPage, totalCount, currentPage);

	List<Zxhd> newlist = newsBean.findAllByLbForFY("yzxx", newsPage);
	PictureBean picture1 = new PictureBean();
	List<PictureBean> tplb1 = picture1.findsfgkByLb("dblb");
	PictureBean picture3 = new PictureBean();
	List<PictureBean> tplb3 = picture1.findsfgkByLb("lmtp");
%>

<link rel="stylesheet" type="text/css" href="../css/zxly.css">
<link rel="stylesheet" type="text/css" href="../css/1.css">
<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>新闻中心-赣州经济技术开发区人民法院</title>
<link rel="shortcut icon" type="image/x-icon" href="../img/国徽.png">
<link rel="stylesheet" type="text/css" href="../css/css.css">

<link rel="stylesheet" type="text/css" href="../css/1.css">

<link rel="stylesheet" type="text/css" href="../css/byjs.css">
<link rel="stylesheet" type="text/css" href="../css/new.css">

<link rel="stylesheet" href="../css/css5.css" />


<link rel="stylesheet" type="text/css" href="../css/css1.css">



<link rel="stylesheet" type="text/css" href="../css/zzsc.css" />


<link type="text/css" rel="stylesheet" href="../css/carousel.css">


<style>
.code {
	font-family: Arial;
	font-style: italic;
	color: blue;
	font-size: 30px;
	border: 0;
	padding: 2px 3px;
	letter-spacing: 3px;
	font-weight: bolder;
	cursor: pointer;
	width: 150px;
	height: 50px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	background-color: #D8B7E3;
}

span {
	text-decoration: none;
	font-size: 12px;
	color: #288bc4;
}

/*  span:hover {
        text-decoration:underline;
        cursor:pointer;
    } */
</style>
<script>
	//页面加载时，生成随机验证码
	window.onload = function() {
		createCode(4);
	}

	//生成验证码的方法
	function createCode(length) {
		var code = "";
		var codeLength = parseInt(length); //验证码的长度
		var checkCode = document.getElementById("checkCode");
		////所有候选组成验证码的字符，当然也可以用中文的
		var codeChars = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c',
				'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o',
				'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A',
				'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M',
				'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');
		//循环组成验证码的字符串
		for (var i = 0; i < codeLength; i++) {
			//获取随机验证码下标
			var charNum = Math.floor(Math.random() * 62);
			//组合成指定字符验证码
			code += codeChars[charNum];
		}
		if (checkCode) {
			//为验证码区域添加样式名
			checkCode.className = "code";
			//将生成验证码赋值到显示区
			checkCode.innerHTML = code;
		}
	}

	//检查验证码是否正确
	function validateCode() {
		//获取显示区生成的验证码
		var checkCode = document.getElementById("checkCode").innerHTML;
		//获取输入的验证码
		var inputCode = document.getElementById("inputCode").value;
		console.log(checkCode);
		console.log(inputCode);
		if (inputCode.length <= 0
				|| inputCode.toUpperCase() != checkCode.toUpperCase()) {
			alert("未输入验证码或验证码输入有误！");
			return false;
		} else {
			alert("申请递交成功");
			return true;
		}

	}
</script>

</head>
<body>

	<div>
		<div class="top">
			<div class="c-banner">
				<div class="top_up">
					<div class="top_hare">
						<div class="top_picture">
							<img src="../img/国徽.png">
						</div>
						<div class="top_words">
							<span>赣州经济技术开发区人民法院</span>
						</div>

					</div>
				</div>
				<div class="banner">
					<ul>
						<%
							for (int i = 0; i < tplb1.size(); i++) {
						%>

						<li><img src="<%=tplb1.get(i).getPicture()%>"></li>
						<%
							}
						%>
					</ul>
				</div>

				<script type="text/javascript" src="js/jquery.js"></script>
				<script type="text/javascript">
					//定时器返回值
					var time = null;
					//记录当前位子
					var nexImg = 0;
					//用于获取轮播图图片个数
					var imgLength = $(".c-banner .banner ul li").length;
					//当时动态数据的时候使用,上面那个删除
					// var imgLength =0;
					//设置底部第一个按钮样式
					$(".c-banner .jumpBtn ul li[jumpImg=" + nexImg + "]").css(
							"background-color", "black");

					//页面加载
					$(document).ready(function() {
						// dynamicData();
						//启动定时器,设置时间为3秒一次
						time = setInterval(intervalImg, 3000);
					});

					//点击上一张
					$(".preImg").click(
							function() {
								//清楚定时器
								clearInterval(time);
								var nowImg = nexImg;
								nexImg = nexImg - 1;
								console.log(nexImg);
								if (nexImg < 0) {
									nexImg = imgLength - 1;
								}
								//底部按钮样式设置
								$(".c-banner .jumpBtn ul li").css(
										"background-color", "white");
								$(
										".c-banner .jumpBtn ul li[jumpImg="
												+ nexImg + "]").css(
										"background-color", "black");

								//将当前图片试用绝对定位,下一张图片试用相对定位
								$(".c-banner .banner ul img").eq(nowImg).css(
										"position", "absolute");
								$(".c-banner .banner ul img").eq(nexImg).css(
										"position", "relative");

								//轮播淡入淡出
								$(".c-banner .banner ul li").eq(nexImg).css(
										"display", "block");
								$(".c-banner .banner ul li").eq(nexImg).stop()
										.animate({
											"opacity" : 1
										}, 1000);
								$(".c-banner .banner ul li").eq(nowImg).stop()
										.animate(
												{
													"opacity" : 0
												},
												1000,
												function() {
													$(".c-banner ul li").eq(
															nowImg).css(
															"display", "none");
												});

								//启动定时器,设置时间为3秒一次
								time = setInterval(intervalImg, 3000);
							})

					//点击下一张
					$(".nexImg").click(function() {
						clearInterval(time);
						intervalImg();
						time = setInterval(intervalImg, 3000);
					})

					//轮播图
					function intervalImg() {
						if (nexImg < imgLength - 1) {
							nexImg++;
						} else {
							nexImg = 0;
						}

						//将当前图片试用绝对定位,下一张图片试用相对定位
						$(".c-banner .banner ul img").eq(nexImg - 1).css(
								"position", "absolute");
						$(".c-banner .banner ul img").eq(nexImg).css(
								"position", "relative");

						$(".c-banner .banner ul li").eq(nexImg).css("display",
								"block");
						$(".c-banner .banner ul li").eq(nexImg).stop().animate(
								{
									"opacity" : 1
								}, 1000);
						$(".c-banner .banner ul li").eq(nexImg - 1).stop()
								.animate(
										{
											"opacity" : 0
										},
										1000,
										function() {
											$(".c-banner .banner ul li").eq(
													nexImg - 1).css("display",
													"none");
										});
						$(".c-banner .jumpBtn ul li").css("background-color",
								"white");
						$(".c-banner .jumpBtn ul li[jumpImg=" + nexImg + "]")
								.css("background-color", "black");
					}

					//轮播图底下按钮
					//动态数据加载的试用应放在请求成功后执行该代码,否则按钮无法使用
					$(".c-banner .jumpBtn ul li")
							.each(
									function() {
										//为每个按钮定义点击事件
										$(this)
												.click(
														function() {
															clearInterval(time);
															$(
																	".c-banner .jumpBtn ul li")
																	.css(
																			"background-color",
																			"white");
															jumpImg = $(this)
																	.attr(
																			"jumpImg");
															if (jumpImg != nexImg) {
																var after = $(
																		".c-banner .banner ul li")
																		.eq(
																				jumpImg);
																var befor = $(
																		".c-banner .banner ul li")
																		.eq(
																				nexImg);

																//将当前图片试用绝对定位,下一张图片试用相对定位
																$(
																		".c-banner .banner ul img")
																		.eq(
																				nexImg)
																		.css(
																				"position",
																				"absolute");
																$(
																		".c-banner .banner ul img")
																		.eq(
																				jumpImg)
																		.css(
																				"position",
																				"relative");

																after
																		.css(
																				"display",
																				"block");
																after
																		.stop()
																		.animate(
																				{
																					"opacity" : 1
																				},
																				1000);
																befor
																		.stop()
																		.animate(
																				{
																					"opacity" : 0
																				},
																				1000,
																				function() {
																					befor
																							.css(
																									"display",
																									"none");
																				});
																nexImg = jumpImg;
															}
															$(this)
																	.css(
																			"background-color",
																			"black");
															time = setInterval(
																	intervalImg,
																	3000);
														});
									});
				</script>
			</div>
		</div></div>
		<div style="width: 1100px; height: 900px; margin: auto;">
			<div
				style="width: 1100px; height: 100px; border: 1px solid white; z-index: 1000; position: relative;">
				<div id="nav" style="width: 1100px">
					<ul style="font: black">
						<li><a href="../index.jsp"> 首页</a></li>
						<li><a href="../courtintroduce/courtintroduce.jsp"> 法院介绍
						</a></li>
						<li><a href="../dwgz/dwgz.jsp"> 党建引领 </a></li>
						<li><a href="../newscenter/newcenter.jsp"> 新闻中心 </a></li>
						<li><a href="../sfgk/ggl.jsp"> 司法公开 </a></li>
						<li style="width: 140px;"><a href="../ssfwzx/yyla.jsp">
								诉讼服务中心 </a></li>
						<li><a href="../fywh/whzb.jsp"> 法院文化 </a></li>
						<li style="border-right: 0px"><a href="yzxx.jsp"> 在线互动 </a></li>

					</ul>
				</div>



				<div style="width: 350px; float: left; margin-top: 50px;">
					<div class="new1">
						<div>
							<a href="yzxx.jsp" style="font-size: 25px;"><font
								color="white">&nbsp;&nbsp;互动中心</font></a>
						</div>
					</div>

					<div class="new3">
						<a href="yzxx.jsp" style="font-size: 25px">
							<center>院长信箱</center>
						</a>
					</div>

					<div class="new3">
						<a href="http://jubao.court.gov.cn/E7J" style="font-size: 25px">
							<center>投诉举报</center>
						</a>
					</div>


					<div class="new3">
						<a href="zxly.jsp" style="font-size: 25px;"><center>
								在线留言</center></a>
					</div>

					<%
						for (int i = 0; i < tplb3.size(); i++) {
					%>
					<div class="new4" id="#boxshadow">

						<a href="<%=tplb3.get(i).getLink()%>"> <img
							src="<%=tplb3.get(i).getPicture()%>">
						</a>
					</div>
					<%
						}
					%>

					<div class="tb">
						<a href="../zxhd/yzxx.jsp"><img src="../img/1.gif"></a>
					</div>
					<div class="tb">
						<a href="http://jubao.court.gov.cn/E7J"><img
							src="../img/2.gif"></a>
					</div>
				</div>

				<div style="width: 700px; float: right; margin-top: 50px;">


					<div>

						&nbsp;&nbsp;&nbsp;<a href="../index.jsp">首页</a>&gt;&gt;<a
							target="_blank" href="yzxx.jsp">&nbsp;&nbsp;互动中心</a>&gt;&gt;<a
							target="_blank" href="yzxx.jsp">院长信箱</a>
					</div>

					<div style="width: 700px; height: 3px; background: black;"></div>

					<div class="d8" style="position: relative; top: 15px;font-size: 24px">
						<h1 id="content_tit">温馨提示：</h1>
					</div>
					<div class="d7" style="float:left;height:680px;">
						
							<div class="d9" style="position: relative; top: 10px">
								
								<p
									style="margin: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em;
									  color: rgb(62, 62, 62);
									  font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
									   font-size: 20px; 
									line-height: 25.6px; text-indent: 2em; box-sizing: border-box !important; word-wrap: break-word !important;">
									为进一步拓展交流互动渠道，欢迎您通过本站提交您对各方面的意见和建议，请您本着负责的态度，真实的完成投诉和建议，我们将对来信移交相关部门调查处理。另请您记好项目受理编号，次将作为信息查询的依据，谢谢！<br>
									注：带*者为必填
								</p>
							</div>
							
								<div class="d10">
									<form name="form" method="post" action="doadd.jsp"
										onsubmit="return validateCode();">
										<div style="display: none;">
											类别：<input type="text" id="category" value="yzxx"
												name="category">
										</div>
										<div style="display: none;">
											<input type="date" id="txtDate" value="<%=now%>"
												name="txtDate"
												style="font-size: 14px; font-family: 华文黑体; margin-left: 3px; height: 30px;">
										</div>
										<div>
											<label><i>*</i>您的姓名：</label> <input type="text" name="author"
												id="author" class="textfield" style="height: 30px;" />
										</div>
										<br>
										<div>
											<label><i>*</i>联系电话：</label> <input type="text" name="phone"
												id="phone" class="textfield" style="height: 30px;" /> <label><i>*</i>电子邮箱：</label>
											<input type="text" name="email" id="email" class="textfield"
												style="height: 30px;" />
										</div>
										<br> <br>
										<div>
											<label><i>*</i>信件主题：</label> <input name="title" type="text"
												class="textfield w455" id="title" style="height: 30px;" />
										</div>
										<br>
										<div>
											<label><i>*</i>信件内容：</label>
											<textarea name="content" style="vertical-align: middle;"
												id="content" cols="45" rows="5" class="textarea"></textarea>
										</div>
										<br>
										<div style="width: 100%; height: 30px;">
											<div style="width: 18%; float: left; height: 30px;">*&nbsp;验证码：</div>
											<div style="width: 26%; float: left; height: 30px;">
												<input type="text" id="inputCode"
													style="float: left; width: 70%; height: 30px;"
													class="textfield" />
											</div>
											<div style="width: 20%; float: left; height: 30px;">
												<div id="checkCode" class="code" onclick="createCode(4)"
													style="width: 100%; float: left; height: 30px; font-size: 18px;"></div>
											</div>
											<div
												style="width: 24%; float: left; height: 20px; padding-left: 30px;">
												<span onclick="createCode(4)" style="font-size: 18px;padding-left: 30px;">看不清换一张</span>
											</div>

										</div>
										<br>
								</div>

								<div class="d11">
									<input type="submit" name="button" class="button" value="提 交" /><input
										type="reset" name="button2" class="button" value="重 置" />
								</div>
								</form>
					</div>
					<div class="hr-5"></div>
					<div class="hundred100 mt10"></div>
				</div>
				<div class="hr-12"></div>
			</div>
			<div class="clear"></div>
		</div>
		<div id="container-border-bottom">
			<div id="left"></div>
			<div id="right"></div>
		</div>
		<div class="hr-7"></div>








	</div>
	</div>
	<div style="margin-top: 20px; width: 100%;">
		<div
			style="width: 100%; height: 3px; background-color: red; margin-bottom: 5px; border: 1px red solid;"></div>
		<div class="div22">
			<div style="width: 1100px; margin: auto;">
				<div
					style="width: 20%; height: 71%; float: left; padding-top: 50px;">
					<a
						href="http://bszs.conac.cn/sitename?method=show&id=29975AEF1BAB5BBDE053012819AC83CC"><img
						src="../img/a1.jpg"
						style="width: 25%; height: 42%; margin-left: 300px;"></a>
				</div>
				<div class="fonter"
					style="font-size: 16px; position: absolute; margin-left: 400px; margin-top: 50px; text-align: center;">
					Copyright 2014 www.gzjkqfy.gov.cn All Rights Reserved<br>
					赣ICP备14009074号<br> 赣州经济技术开发区人民法院 主办<br> 电话：0797-8375993 <br>
					技术支持：赣州科睿特软件股份有限公司
				</div>
			</div>
		</div>
	</div>

</body>
</html>